.check-history{
    .total{
        width: 100%;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
    .list{
        display: flex;
        flex-direction: row;
        width: 100%;
        height: 60px;
        border-bottom: 1px solid #e6e6e6;
        .left{
            width: 30%;
            display: flex;
            flex-direction: column;
            font-size: 14px;
            color: #333333;
            justify-content: center;
            padding-left: 10px;
            .time{
                font-size: 10px;
                color: #979797;
            }
        }
        .right{
            width: 70%;
            line-height: 60px;
            text-align: right;
            padding-right: 10px;
            span{
                
                width: 90px;
                padding: 4px 6px;
                color: white;
                background-color: #ffa820;
            }
        }
       
    }
    .one{
        background-color: #2bb89f !important;
    }
    .two{
        background-color: #6bb530 !important;
    }
    .three{
        background-color: #00add2 !important;
    }
    
}